.BranchCompany {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

	.headerTitle {
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			margin-right: 8px;
			font-weight: 600;
			font-weight: bold;
			font-family: ShuHeiTi;

			& > span:nth-child(1) {
				font-size: 16px;
			}

			& > span:nth-child(2) {
				font-family: DIN Condensed;
				font-size: 20px;
			}

			& > span:nth-child(3) {
				font-size: 16px;
			}
		}
	}

	& > .Left {
		width: 240px;
		height: 100%;
		margin-right: 16px;
		background: white;
		padding: 16px;
		border-radius: 8px;
		overflow-y: scroll;

		&::-webkit-scrollbar {
			display: none;
		}

		& > div {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 40px;
			padding: 0 16px;
			margin-bottom: 8px;
			border-bottom: 1px dashed rgba(145, 158, 171, 0.2);
			cursor: pointer;
			border-radius: 8px;
			user-select: none;
			background: transparent;
			transition: all 0.35s;
			color: #262626;

			& > div:first-child {
				font-family: ShuHeiTi;
				font-weight: 600;
				font-size: 16px;
				font-weight: bold;
			}

			& > div:last-child {
				font-family: DIN Condensed;
				font-weight: 600;
				font-size: 24px;
				font-weight: bold;
			}

			&:hover {
				background: rgba(182, 194, 194, 0.35);

				& > div:first-child {
					font-size: 18px;
				}

				& > div:last-child {
					font-size: 26px;
				}
			}

			&.active {
				background: #262626;
				color: white;

				& > div:first-child {
					font-size: 20px;
				}

				& > div:last-child {
					font-size: 28px;
				}
			}
		}
	}

	& > .Right {
		flex: 1;
		height: 100%;
		overflow: hidden;
	}
}
